<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>音乐广播神器 - 一起听</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/lib/APlayer.min.css?version=1.0.14">
    <link rel="stylesheet" type="text/css" href="css/index.css?version=1.0.14">
    <script type="text/javascript" src="js/lib/APlayer.min.js?version=1.0.14"></script>
    <script type="text/javascript" src="js/lib/mqttws31.min.js?version=1.0.14"></script>
    <script type="text/javascript" src="js/lib/jquery.min.js?version=1.0.14"></script>
    <script type="text/javascript" src="js/lib/easemob.mqtt.js?version=1.0.14"></script>
    <script type="text/javascript" src="js/lib/md5.js?version=1.0.14"></script>
    <script type="text/javascript" src="js/lib/clipboard.min.js?version=1.0.14"></script>

</head>
<body>
    <div class="container">
        <!-- 播放器区域 -->
        <h3 class="title">在线人数(<span id="totalMember">0</span>)</h3>
        <div id="player">
        </div>


        <div id="primary-container" class="primary">
            <h3 class="title" >自动点歌<input type="checkbox" name="autoPlay" checked="checked"></h3>
            <!-- 用户歌单 -->
            <ul id="primary">
            </ul>
        </div>

        <!-- 聊天区域 -->
        <div id="chat" class="chat">
            <button id="address">&nbsp;</button>
            <div class="chatContent">
            </div>
            <input type="text" class="chatInput" placeholder="输入内容后按回车发送">
        </div>


        <div id="copyright">
            <p>音源数据来源于第三方网站，仅供学习交流使用，请勿用于商业用途。</p>
            <p>
                <span class="auth">作者：Yoki</span>  
                <span class="support">技术支持：<a href="https://www.easemob.com/product/mqtt?utm_source=music" class="mqtt" target="_blank">环信MQTT</a></span>
            </p>
        </div>
    </div>
    <script type="text/javascript" src="js/tools.js?version=1.0.14"></script>
    <script type="text/javascript" src="js/index.js?version=1.0.14"></script>
</body>
</html>